<?php	
	session_start();
	header("Content-Type: text/css");
	$browser = strtolower($_SERVER['HTTP_USER_AGENT']);
	$browser = (strstr($browser, 'msie')) ? 'ie' : 'ff';
	$url_site = "http://" . $_SERVER["SERVER_NAME"] . dirname($_SERVER["SCRIPT_NAME"]) . "/";
	
	if (strstr($url_site, '//'))
	{
		$url_site = str_replace('//', '/', $url_site);
		$url_site = str_replace(':/', '://', $url_site);
	}
	
	define('DIR_JS', str_replace('css', 'js', $url_site));
	define('DIR_IMG', str_replace('css', 'img', $url_site));
?>

@CHARSET "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

::-moz-selection 
{
	background: #000;
	color: #fff;
}


a img, :link img, :visited img
{
	border: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul
{
	list-style: none;
}

.msg 
{
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
	width: 50%;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("<?php echo DIR_IMG; ?>msg-ok.png") repeat-x; color: #336801;}
.msg-erreur {border-color: #f3abab; background: #f9c9c9 url("<?php echo DIR_IMG; ?>msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("<?php echo DIR_IMG; ?>msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("<?php echo DIR_IMG; ?>msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("<?php echo DIR_IMG; ?>led-ico/accept.png") 0 50% no-repeat;}
.msg-erreur p {background: url("<?php echo DIR_IMG; ?>led-ico/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("<?php echo DIR_IMG; ?>led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("<?php echo DIR_IMG; ?>led-ico/exclamation.png") 0 50% no-repeat;}
.erreur {color: #b70b0b;}

html
{
    font-size: 11px;
	background-color: #f1f1f1;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #000;
}

#header, #footer
{
	width: 100%;
	background-color: #000;
	color: #fff;
}

.langue_menu
{
	cursor: pointer;
}

.langue_menu:hover
{
	cursor: pointer;
	text-decoration: underline;
}

#headercontenu
{
	width: 1000px;
	padding: 10px;
	margin: auto;
	background-color: #000;
	color: #fff;
}

#footercontenu
{
	width: 1000px;
	padding: 10px;
	margin: auto;
	background-color: #000;
	color: #fff;
}

.bologo
{
	font-size: 140%;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.form_login
{
	width: 500px;
	font-size: 120%;
}

.form_login td
{
	padding: 5px;
}

#contenu
{
	width: 1000px;
	margin: auto;
	background-color: #fff;
	color: #000;
	padding: 10px;
	border: solid 1px #808080;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

input, select, textarea
{
	border: 1px solid #000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000;
	background-color: #fff;
}

input:focus, select:focus, textarea:focus
{
	border: 1px solid #000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000;
	background-color: #d2d2d2;
}

.titrenl
{
	border: solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	padding: 5px;
}

.span_menu
{
	border: solid 1px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 20pt;
	text-align: center;
	cursor: pointer;
}

.span_menu:hover
{
	border: solid 1px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 20pt;
	text-align: center;
	cursor: pointer;
	background-color: #000;
	color: #fff;
}

.submit
{
	border: solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	padding: 5px;
	cursor: pointer;
}

.submit:focus, .submit:hover
{
	border: solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	padding: 5px;
	background-color: #000;
	cursor: pointer;
}


.gras
{
	font-weight: bolder;
}

.gras_souligne
{
	font-weight: bolder;
	text-decoration: underline;
}

strong
{
	font-weight: bolder;
}

em
{
	font-style: italic;
}

p
{
	margin: 5px 0;
}

img
{
	display: inline;
}

a img
{
	border: none;
}

.clear
{
	clear: both;
}

hr.clear
{
  height: 0px;
  border: none;
}

a 
{
	color: #000;
	text-decoration: underline;
}

a:visited
{
	color: #000;
	text-decoration: underline;
}
				
a:hover
{
	color: #808080;
	text-decoration: none;
}

.tdmid
{
	vertical-align: middle;
}

.centertd
{
	vertical-align: middle;
	text-align: center;
}

.sep
{
	height: 25px;
}

#headercontenu a
{
	color: #fff;
	text-decoration: underline;
}

#headercontenu a:visited
{
	color: #fff;
	text-decoration: underline;
}

#headercontenu a:hover
{
	color: #fff;
	text-decoration: none;
}

.form_crud
{
	border: solid 1px #808080;
	background-color: #f4f4f4;
	width: 100%;
}

.form_crud td
{
	padding: 5px;
}

.textarea_crud
{
	width: 300px;
	height: 120px;
}

.crud_title
{
	font-weight: bold;
}

.checkbox, .radio 
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	cursor: pointer;
}

.radio 
{
	background: url(../img/radio.png) no-repeat;
	cursor: pointer;
}

.page_courante
{
	background-color: #ffdd00;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	color: red;
}

.liste
{
	width: 100%;
	border-collapse: collapse;
	font-size: 100%;
}

.liste th
{
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	border: solid 1px #6F6F6F;
	background-color: #6F6F6F;
	color: #fff;
}

table.liste thead th:not(:last-child) {
    border-right: 1px solid #aaa;
}

table.liste thead th:not(:first-child) {
    border-left: 1px solid #fff;
}


.liste td
{
	padding: 5px;
	border: solid 1px #6F6F6F;
}

.pair
{
	background-color: #fff;
}

.impair
{
	background-color: #D3D5D2;
}

.impair:hover,.pair:hover
{
	background-color: #ffffaa;
	color: brown;
}

.total
{
	background-color: #FFD7D7;
	color: red;
	font-weight: bold;
}

.subtotal
{
	background-color: #DEB0F7;
	color: #4F0D73;
	font-weight: bold;
}

.liste a
{
	color: #fff;
}

#titre_filtre
{
	text-decoration: underline;
}

#tablefiltre
{
	border-collapse: collapse;
}

#tablefiltre td
{
	padding: 5px;
}


#filtre, #addpng, #okpng
{
	display: none;
}

#onglets
{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	background: url(../img/tab_bottom.gif) repeat-x bottom;
}

#onglets li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#onglets a:link, #onglets a:visited
{
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}

#onglets a:link.active, #onglets a:visited.active
{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#onglets a:hover
{
	background: #fff;
}

.Heading3
{
	padding-left: 4pt;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration : none;
}

.Heading3 td
{
	vertical-align: middle;
	background-image: url(../img/table_bg.gif);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #e4e4e4;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

tr.GridRow td
{
	padding: 3px 3px 3px 5px;
	background-color: #f9f9f9;
	border-bottom: solid 1px #edecec;
}

tr.GridRow td:hover
{
	padding: 3px 3px 3px 5px;
	background-color: #f3f3f3;
	border-bottom: solid 1px #edecec;
}
